<template>
    <div class="operaHeader" style="justify-content: space-between;margin: 20px 0">
        <div class="left">
            <slot></slot>
            <el-button type="primary" @click="handleClick" size="large">查询</el-button>
        </div>
        <div class="right">
            <slot name="footer"></slot>
        </div>
    </div>
</template>
<script setup>
import {defineEmits} from 'vue'
const emit = defineEmits(['submit'])
const handleClick = () => {
    emit('submit')
}
</script>
<style scope>
.operaHeader {
    box-sizing: border-box;
    padding: 0 30px;
}
.left {
    display: flex;
    align-items: center;
}
.right {
    display: flex;
}
</style>